<template>
  <div>
    <myRadio :options="state.options" v-model:currentVal="currentVal"></myRadio>
  </div>
</template>

<script>
import myRadio from "@components/myRadio.vue";
import { reactive, ref } from "@vue/reactivity";

export default {
  components: {
    myRadio,
  },
  setup() {
    const state = reactive({
      options: [
        {
          label: "Apple",
          value: "Apple",
        },
        {
          label: "Pear",
          value: "Pear",
        },
        {
          label: "Orange",
          value: "Orange",
        },
      ],
    });
    const currentVal = ref("Apple")

    return {
      state,
      currentVal
    }
  },
};
</script>

<style>
</style>